@layout("/common/_testloginreCommond.html"){
<style>.integralMallHeadTop{display: flex;text-align: center;height: 45px;line-height: 45px;background: #F1F1F1;padding: 0 10px;}.integralMallHeadTop > div{flex: 1;}.integralMallFoot{position:fixed;width:100%;bottom:0;}.integralRule{padding:0 0 55px;height: calc(100% - 45px);overflow: auto;}</style>
<div class="homePage" style="height: 100%;font-size: 16px;">
    <input type="hidden" id="reservationsId" value="${reservationsId}">
    <input type="hidden" id="area" value="${area}">
    <div class="integralMallHeadTop">
        <div style="text-align: left" onclick="goBackScoreShopping()"><span class="glyphicon glyphicon-menu-left"></span></div>
        <div>商品详情</div>
        <div></div>
    </div>
    <div class="integralRule">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                @for(item in pointRewordInfo.PointRewordIconInfo){
                    @if(item.mainFigure == '2'){
                        <div class="swiper-slide" style="text-align: center"><img src="${item.imagePath}" alt="..." style="width: 100%;"></div>
                    @}
                @}
            </div>
            <div class="swiper-pagination"></div>
        </div>
        <div style="padding: 10px;">
            <div style="display: flex;align-items: center;">
                <span style="flex: 1;">
                    <span style="font-size: 20px;font-weight: bold;color: #F7540A;">￥<span>${pointRewordInfo.productPrice}</span></span>
                    <span style="color: #666666;margin-left: 10px;">商品名称：<span>${pointRewordInfo.productName}</span></span>
                </span>
                <a style="border: 1px solid #FF7E00;color: #FF7E00;padding: 1px 9px;font-size: 14px;border-radius: 5px;" href="javascript:;" onclick="conversion('${pointRewordInfo.id}','${pointRewordInfo.productName}','${pointRewordInfo.productPrice}')">兑换</a>
            </div>
            <div style="color: #666666;padding: 10px 0 20px;">
                <span style="text-decoration:line-through;background: rgb(238,238,238);padding: 2px 8px;border-radius: 4px;">￥${pointRewordInfo.marketPrice}</span>
            </div>
        </div>
        <div style="background: rgb(238,238,238);text-align: center;padding: 10px 0;margin-bottom: 40px;font-size: 14px;">- 商品详情 -</div>
        <div>
            @for(item in pointRewordInfo.PointRewordIconInfo){
            @if(item.mainFigure == '0'){
            <div style="text-align: center"><img src="${item.imagePath}" alt="..." style="width: 100%;"></div>
            @}
            @}
        </div>
        <div style="padding: 10px;font-size: 14px;">
            <div style="font-weight: bold;">详情描述</div>
            <div>${pointRewordInfo.particulars}</div>
        </div>
    </div>
    <div class="integralMallFoot">
        <button class="btn btn-primary btn-lg btn-block" onclick="goBackScoreShopping()" type="button">返回</button>
    </div>
</div>
<script src="${ctxPath}/static/modular/weixin/score/integral_commodityDetails.js?v=20200718"></script>
<script src="${ctxPath}/static/modular/weixin/score/goBack.js?v=20200718"></script>
@}